.indroction-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.indroction-wrapper .indroction-item {
  width: 100%;
  position: relative;
}

.indroction-wrapper .indroction-item.about {
  height: 990px;
  background: url("@/assets/images/indroction/about-bg.png");
  background-repeat: round;
}
.indroction-wrapper .indroction-item.project {
  height: 816px;
  background: url("@/assets/images/indroction/project-bg.png");
  background-repeat: round;
}

.indroction-wrapper .indroction-item.honor {
  height: 990px;
  background: url("@/assets/images/indroction/honor-bg.png");
  background-repeat: round;
}

/* 设置swiper的样式 */
.swiper-container {
  margin-top: 200px;
  width: 60%;
  height: 500px;
}
.swiper-button-prev,
.swiper-button-next {
  width: 38px;
  height: 60px;
  background-color: aqua;
  background: url("@/assets/images/indroction/arrow-right.png");
  background-repeat: round;
}
.swiper-button-prev {
  transform-origin: center center;
  transform: rotateZ(180deg);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.indroction-wrapper .indroction-item.welfare {
  height: 2368px;
  background: url("@/assets/images/indroction/welfare-bg.png");
  background-repeat: round;
}

.indroction-wrapper .indroction-item .arrow-btn {
  width: 62px;
  height: 39px;
  background: url("@/assets/images/indroction/arrow-down.png");
  background-repeat: round;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translate(-50%, 0);
  cursor: pointer;
}
